// 入口函数
$(function () {
  // 1. 获取用户信息渲染头像
  getUserInfo()

  // 2.退出功能
  $('#logout').on('click', function () {
    layer.confirm('确认退出登录吗？', { icon: 3, title: '提示' }, function (
      index
    ) {
      // 销毁token，跳转登录页面
      location.href = '/login.html'
      localStorage.removeItem('token')

      layer.close(index)
    })
  })
})

// 1.1 封装用户信息渲染头像封装成函数
// 要求:必须设置成全局函数,不是局部函数,后面要用
function getUserInfo () {
  // 发送ajax
  axios({
    method: 'get',
    url: '/my/userinfo',
    headers: { Authorization: localStorage.getItem('token') }
  }).then(({ data: res }) => {
    //成功回调
    // console.log(res)

    if (res.status != 0) {
      return layui.layer.msg(res.message)
    }

    // 渲染头像
    renderAvatar(res.data)
  })
}

// 1.2 渲染用户信息和头像(封装函数)
function renderAvatar (user) {
  // 1. 渲染用户名
  let name = user.nickname || user.username
  $('.welcome').html('欢迎&nbsp;' + name)

  // 2. 渲染头像
  if (user.user_pic != null) {
    $('.text-avatar').hide()
    $('.layui-nav-img')
      .show()
      .attr('src', user.user_pic)
  } else {
    $('.layui-nav-img').hide()

    // 需求是文字头像显示用户名第一个字符,需要声明一个变量存储name的第一个字符
    let first = name[0].toUpperCase()
    $('.text-avatar')
      .show()
      .html(first)
  }
}
